
<ion-view view-title="收益排行榜" class="p-gray-bg">
    <ion-nav-bar class="bar-energized">
    </ion-nav-bar>
    <ion-content style="background: url(img/background.jpg) no-repeat center center, -webkit-linear-gradient(top, rgb(250, 149, 59) 0%, rgb(245, 88, 69) 100%);background-size: cover;">

        <a href="#/tab/choice"><div class="divChoice" style="margin-left:30px;float:left;background: none">
            精选
        </div></a>
        <a href="#/buynote"><div class="divChoice" style="float:left;background: none">
            购买记录
        </div></a>
        <a href="#/rank"><div class="divChoice" style="float:left">
            收益排行榜
        </div></a>
        <div style="width:80%;height:30px;clear: both;margin-left:10%; font-family:Microsoft Yahei; text-align: center">
            <div style="width:33%;background-color:#FF6600; border-bottom-left-radius: 15px;border-top-left-radius: 15px;float:left">今日</div>
            <div style="width:33%;background-color: lightgray;;float:left">这周</div>
            <div style="width:33%;background-color: lightgray; border-bottom-right-radius: 15px;border-top-right-radius: 15px;float:left">历史</div>
        </div>
        <div style="width:100%;background-color: black;opacity: 0.4;height:400px;color:white;text-align: center">
            <div style="clear: both;line-height: 50px;">
                <div style="width:33%;float:left">用户名</div>
                <div style="width:33%;float:left">盈利(元)</div>
                <div style="width:33%;float:left">盈利率</div>
            </div>

            <div style="clear: both;line-height: 30px;">
                <div style="width:33%;float:left">angel***5</div>
                <div style="width:33%;float:left">67812.51</div>
                <div style="width:33%;float:left">203.01%</div>
            </div>
            <div style="clear: both;line-height: 30px;">
                <div style="width:33%;float:left">angel***5</div>
                <div style="width:33%;float:left">67812.51</div>
                <div style="width:33%;float:left">203.01%</div>
            </div>
            <div style="clear: both;line-height: 30px;">
                <div style="width:33%;float:left">angel***5</div>
                <div style="width:33%;float:left">67812.51</div>
                <div style="width:33%;float:left">203.01%</div>
            </div>
            <div style="clear: both;line-height: 30px;">
                <div style="width:33%;float:left">angel***5</div>
                <div style="width:33%;float:left">67812.51</div>
                <div style="width:33%;float:left">203.01%</div>
            </div>
            <div style="clear: both;line-height: 30px;">
                <div style="width:33%;float:left">angel***5</div>
                <div style="width:33%;float:left">67812.51</div>
                <div style="width:33%;float:left">203.01%</div>
            </div>
            <div style="clear: both;line-height: 30px;">
                <div style="width:33%;float:left">angel***5</div>
                <div style="width:33%;float:left">67812.51</div>
                <div style="width:33%;float:left">203.01%</div>
            </div>
            <div style="clear: both;line-height: 30px;">
                <div style="width:33%;float:left">angel***5</div>
                <div style="width:33%;float:left">67812.51</div>
                <div style="width:33%;float:left">203.01%</div>
            </div>
            <div style="clear: both;line-height: 30px;">
                <div style="width:33%;float:left">angel***5</div>
                <div style="width:33%;float:left">67812.51</div>
                <div style="width:33%;float:left">203.01%</div>
            </div>
            <div style="clear: both;line-height: 30px;">
                <div style="width:33%;float:left">angel***5</div>
                <div style="width:33%;float:left">67812.51</div>
                <div style="width:33%;float:left">203.01%</div>
            </div>

        </div>
    </ion-content>
</ion-view>
